<!DOCTYPE html>
<html>
<head>
	<title>销售开单</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
	<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
	<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
	<div id="app">
		<div class="wrap">
			<div class="weui-cells__title">商户信息</div>
	        <div class="weui-cells">
	          <div class="weui-cell">
	            <div class="weui-cell__bd">
	              <p>商户信息</p>
	            </div>
	            <div class="weui-cell__ft">输入商户姓名</div>
	          </div>
	          <div class="weui-cell">
	            <div class="weui-cell__bd">
	              <p>联系电话</p>
	            </div>
	            <div class="weui-cell__ft">40012098789</div>
	          </div>
	          <a class="weui-cell weui-cell_access" href="">
	            <div class="weui-cell__bd">
	              <p>收获地区</p>
	            </div>
	            <div class="weui-cell__ft">请选择</div>
	          </a>
	        </div>
	        <div class="weui-panel weui-panel_access">
			  <div class="weui-panel__hd">商品名称</div>
			  <div class="weui-panel__bd">
			    <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
			      <div class="weui-media-box__hd">
			        <img class="weui-media-box__thumb" src="http://stdl.qq.com/stdl/newtabcms/icon/0023_100.png">
			      </div>
			      <div class="weui-media-box__bd">
			        <h4 class="weui-media-box__title">价格</h4>
			        <h4 class="weui-media-box__title">零售价</h4>
			        <h4 class="weui-media-box__title">采购数量</h4>
			      </div>
			    </a>
			  </div>
			  <div class="weui-panel__ft">
			    <div class="weui-cells">
				  <div class="weui-cell">
				    <div class="weui-cell__bd">
				      <input class="weui-input" type="text" placeholder="备注">
				    </div>
				  </div>
				</div>   
			  </div>
			</div>
			<div class="weui-cells__title">收货人信息</div>
	        <div class="weui-cells">
	          <div class="weui-cell">
	            <div class="weui-cell__bd">
	              <p>收货人姓名</p>
	            </div>
	            <div class="weui-cell__ft">王梅</div>
	          </div>
	          <div class="weui-cell">
	            <div class="weui-cell__bd">
	              <p>联系电话</p>
	            </div>
	            <div class="weui-cell__ft">收货人电话</div>
	          </div>
	          <a class="weui-cell weui-cell_access" href="">
	            <div class="weui-cell__bd">
	              <p>收货地区</p>
	            </div>
	            <div class="weui-cell__ft">江苏省 常州市 新北区</div>
	          </a>
	          <div class="weui-cells margin-top">
				  <div class="weui-cell">
				    <div class="weui-cell__bd">
				      <input class="weui-input" type="text" placeholder="备注" v-model="addressinfo">
				    </div>
				  </div>
				</div>
	        </div>
			<div class="weui-btn-area">
		      <a class="weui-btn weui-btn_warn" href="javascript:" id="showTooltips">申请采购</a>
		    </div>
		</div>
	</div>
	<script src="https://cdn.bootcss.com/vue/2.3.0/vue.min.js"></script>
	<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
	<script>
	var vm = new Vue({
		el:"#app",
		data:{
			message:"代理商-登录",
			addressinfo:"太湖东路9号"
		}
	})
	</script>
</body>
</html>